.my-nav-bar {
  &-subtitle {
    font-size: 12px;
  }
}
div,
span,
ul,
li {
  margin: 0;
  padding: 0;
}
.myolder {
  min-height: 100%;
  .commodity {
    width: 100%;
    .cy_hr {
      color: #999;
      border-bottom: 1px solid #999;
      height: 20px;
      span:nth-of-type(2) {
        float: right;
      }
    }
    .cy_mn {
      > li {
        display: flex;
        border-bottom: 1px solid #cecece;
        .cy_img {
          width: 70px;
          height: 70px;
          display: flex;
          justify-content: center;
          align-items: center;
          img {
            width: 70%;
            height: 70%;
            border: 1px solid #999;
          }
        }
        .cy_name {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
        }
        .cy_price {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          min-width: 50px;
          p {
            text-align: right;
          }
        }
      }
    }
    .cy_fr {
      > div {
        text-align: right;
        height: 40px;
        line-height: 40px;
        > span {
          font-size: 20px;
        }
        > button {
          display: inline-block;
          height: 40px;
          width: 90px;
          border: 2px solid #999;
          background-color: #fff;
          margin-right: 10px;
        }
      }
    }
  }
}
